{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    {% block csslink %}

    {% endblock %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <title>{% block title %} 下关小孔径台网日志系统 {% endblock title %}</title>
    <style>
        .active {
            border-bottom: 1px solid orange;
        }
        .alert ul li {
            list-style: none;
        }

        .alert ul {
            margin: 0;
            padding: 0;
        }

        {% block style %}

        {% endblock style %}
    </style>
</head>
<body>
{% block nav %}
    {% include 'include/nav.html' %}
{% endblock nav %}


<main role="main" class="container">
    {% block content %}

    {% endblock content %}
</main><!-- /.container -->

{% block footer %}
    {% include 'include/footer.html' %}
{% endblock footer %}

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="{% static "js/jquery-3.3.1.slim.min.js" %}"><\/script>')</script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>

{% block script %}

{% endblock script %}
</body>
</html>